@@include('./tpl/headererr.html',{"title":"登陆"})
<div style="background:url(../../imgs/pc/loginbg.jpg) center;margin-top:1px;">
    <div class="pure-content padding-top" style="height:584px;">
        <div class="center wt-login-fdiv">
            <div class="text-xl pure-g">
                <div class="pure-u-1-2 wt-login-tab text-center padding-vertical-xs cur" id="wt-login-tab" data-class="wt-login-form">
                    登录
                </div>
                <div class="pure-u-1-2 wt-login-tab text-center padding-vertical-xs text-primary wt-bge cur" id="wt-reg-tab" data-class="wt-reg-form">
                    注册
                </div>
            </div>

            <form class="pure-form margin-bottom-0 padding-top-xl margin-top-xl wt-login-form">
                <div class="pure-g">
                    <div class="pure-u-7-24 text-right padding-right-sm">
                        用户名
                    </div>
                    <div class="pure-u-10-24">
                        <input name="webAccount" id="webAccount" class="pure-input-1" minlength="3" required placeholder="输入用户名">
                        <div class="wt-form-error text-xs text-danger" for="webAccount"></div>
                    </div>

                </div>
                <div class="pure-g">
                    <div class="pure-u-7-24 text-right padding-right-sm">
                        密码
                    </div>
                    <div class="pure-u-10-24">
                        <input type="password" name="webPassword"  id="webPassword" class="pure-input-1 " minlength="3" required placeholder="输入密码">
                        <div class="wt-form-error text-xs text-danger" for="webPassword"></div>
                    </div>

                </div>
                <div class="pure-g">
                    <div class="pure-u-7-24 text-right padding-right-sm">
                        验证码
                    </div>
                    <div class="pure-u-10-24 pure-g">
                        <div class="pure-u-7-12 padding-right-xs">
                            <input name="loginCaptcha" id="loginCaptcha" class="pure-input-1"  minlength="4" maxlength="4" required placeholder="输入验证码">
                        </div>
                        <div class="pure-u-5-12 ">
                            <img src="/login/api/captchaImage/144/31/loginCaptchaImage/0?v=00000000"
                                 class="pure-img fr wt-captcha-img cur "
                                 style="background:#eee;width:100%;height:38px;">
                        </div>
                        <div class="wt-form-error text-xs text-danger" for="loginCaptcha"></div>

                    </div>

                </div>
                <div class="text-center text-sm wt-login-error margin-vertical-xxs text-danger"></div>
                <div class="pure-g">
                    <div class="pure-u-7-24 text-right padding-right-sm">
                    </div>
                    <div class="pure-u-10-24">
                        <input type="submit" class="pure-button pure-button-xl pure-button-primary pure-input-1" value="登录">                    </div>

                </div>

                <div class="pure-g">
                    <div class="pure-u-7-24 text-right padding-right-sm">
                    </div>
                    <div class="pure-u-10-24 pure-g text-sm">
                        <div class="pure-u-1-2">
                            <label for="rempwd" class="pure-checkbox">
                            <input type="checkbox" value="1" id="rempwd">记住密码
                        </label>
                        </div>
                        <div class="pure-u-1-2 text-right padding-top-xs"><a href="getBackPwd.html">忘记密码</a></div>
                    </div>
                    <div class="pure-u-7-24"></div>
                </div>
            </form>


            <form class="pure-form margin-top-sm wt-reg-form hidden">

                <div class=" pure-g">
                    <div class="pure-u-7-24 text-right padding-right-sm">
                        姓名
                    </div>
                    <div class="pure-u-10-24">
                        <input name="realName" id="realName" class="pure-input-1 text-sm" minlength="2" maxlength="4" placeholder="请输入姓名" required>
                        <div class="wt-form-error text-xs text-danger" for="realName"></div>
                    </div>
                </div>

                <!--<div class=" pure-g">-->
                    <!--<div class="pure-u-7-24 text-right padding-right-sm">-->
                        <!--用户名-->
                    <!--</div>-->
                    <!--<div class="pure-u-7-24">-->
                        <!--<input name="userName" id="userName" class="pure-input-1 text-sm"  minlength="6" minlength="16"  placeholder="输入用户名" required>-->
                        <!--<div class="wt-form-error text-xs text-danger" for="userName"></div>-->
                    <!--</div>-->
                <!--</div>-->

                <div class=" pure-g">
                    <div class="pure-u-7-24 text-right padding-right-sm">
                        手机号
                    </div>
                    <div class="pure-u-10-24">
                        <input name="mobile" id="mobile" class="pure-input-1 text-sm mobile" maxlength="11" placeholder="输入手机号" required>
                        <div class="wt-form-error text-xs text-danger" for="mobile"></div>

                    </div>
                 </div>

                <div class=" pure-g">

                    <div class="pure-u-7-24 text-right padding-right-sm">
                        密码
                    </div>
                    <div class="pure-u-10-24">
                        <input type="password" name="password" id="password" class="pure-input-1 text-sm " minlength="6" maxlength="16" placeholder="输入密码" required>
                        <div class="wt-form-error text-xs text-danger" for="password"></div>
                    </div>
                </div>

                <div class=" pure-g">
                    <div class="pure-u-7-24 text-right padding-right-sm">
                        确认密码
                    </div>
                    <div class="pure-u-10-24">
                        <input type="password" name="cpassword" id="cpassword" class="pure-input-1 text-sm " minlength="6" maxlength="16" placeholder="确认密码" required>
                        <div class="wt-form-error text-xs text-danger" for="cpassword"></div>
                    </div>
                 </div>

                <div class=" pure-g">

                    <div class="pure-u-7-24 text-right padding-right-sm">
                        验证码
                    </div>
                    <div class="pure-u-10-24">
                        <div class="pure-u-1-2 padding-right-xs">
                            <input name="webCaptcha" id="webCaptcha" class="pure-input-1 text-sm wt-reg-captcha webCaptcha" minlength="4" maxlength="4"
                                   placeholder="验证码" required>
                        </div>
                        <div class="pure-u-1-2 ">
                            <img src="/login/api/captchaImage/144/31/loginCaptchaImage/0?v=00000000"
                                 class="pure-img fr wt-captcha-img cur" style="background:#eee;width:100%;height:36px;">
                        </div>
                        <div class="wt-form-error text-xs text-danger" for="webCaptcha"></div>

                    </div>
                 </div>


                <div class=" pure-g">

                    <div class="pure-u-7-24 text-right padding-right-sm">
                        手机验证码
                    </div>
                    <div class="pure-u-10-24">
                        <div class="pure-u-1-2 padding-right-xs">
                            <input name="smsCode" id="smsCode" class="pure-input-1 text-sm" minlength="6" maxlength="6"
                                   placeholder="短信验证码" required>

                        </div>
                        <div class="pure-u-1-2 ">
                            <input type="button"
                                   class="pure-button pure-input-1 text-sm pure-button-disabled wt-send-sms-btn"
                                   value="发送验证码"
                                   style="padding:8px;">

                        </div>
                        <div class="wt-form-error text-xs text-danger" for="smsCode"></div>
                    </div>

                </div>

                <div class="pure-g ">
                    <div class="pure-u-7-24">
                    </div>
                    <div class="pure-u-10-24 text-sm">
                        <label for="wt-reg-xy" class="pure-checkbox margin-0">
                            <input type="checkbox" id="wt-reg-xy" name="wt-reg-xy"  required> 已阅读并同意<a href="#">《注册协议》</a>
                        </label>
                        <div class="wt-form-error text-xs wt-login-error text-danger" for="wt-reg-xy"></div>
                    </div>
                 </div>

                <div class="pure-g ">
                    <div class="pure-u-7-24">
                    </div>
                    <div class="pure-u-10-24">
                        <button class="pure-button pure-button-xl pure-button-primary pure-input-1 wt-submit-btn">立即注册</button>
                    </div>
             </div>

                    <!--<div class="pure-u-1-2 padding-left-xs">-->
                        <!--<input type="button" class="pure-button pure-button-xl pure-button pure-input-1 wt-reset-btn" value="重置">-->

                    <!--</div>-->



            </form>

        </div>
    </div>
</div>
<div style="height:100px;">

</div>
@@include('./tpl/commonjs.html')

@@include('./tpl/footerlogin.html')